{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<!-- <link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/user_glb.css?version={$version}"> -->
<link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/swiper.3.1.2.min.css?version={$version}">
<link href="__PUBLIC__/Css/front/front_css/icon_new.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
	body{
		padding-bottom:2.4rem;
        padding-top: 2.2rem;
        background: #eee;
	}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-container .swiper-slide{
        width: 92%;
        border-radius: .4rem;
    }
    .swiper-pagination-bullet{
        width: .5rem;
        height: .5rem;
        background: #dcdcdc;
        border:0;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #2485e7;
    }
    .swiper-slide {
        /* text-align: center;
        font-size: 18px; */
        background: #fff;
        width: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
{/block}
{block name="content"}
<!-- 标题栏 -->
<header class="home_title">
    <i class="img icon_saoma3x" onclick="saoma();"></i>
    创享
    <a href="/FrontIndex/search" class="img icon_search3x"></a>
</header>
<!-- 轮播图 -->
<div class="home_header">
    <div class="swiper-container home_header_swiper">
        <div class="swiper-wrapper">
            {foreach from=$cust_flash_list item=v}
            <div class="swiper-slide">
                <a href="{$v.link}"><img src="{$v.pic}" alt="" class="home-head-img" /></a>
            </div>
            {/foreach}
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<div class="home_nav clearfix">
    <a href="/FrontIncubator/park_list" class="fl">
        <i class="img icon_park3x"></i>
        <p>园区</p>
    </a>
    <a href="/FrontIncubator/zhongchuang_list" class="fl">
        <i class="img icon_space3x"></i>
        <p>众创空间</p>
    </a>
    <a href="/FrontEnjoy/touzi_list" class="fl">
        <i class="img icon_Investment3x"></i>
        <p>投融资</p>
    </a>
    <a href="/FrontActivity/activity_list" class="fl">
        <i class="img icon_activity3x"></i>
        <p>活动</p>
    </a>
</div>
<div class="more_block">
    <div class="clearfix block_title">
        <a href="/FrontIncubator/park_list" class="clearfix more_a">
            <h6 class="fl">园区展示 /</h6>
            <p class="fl">&nbsp;Park</p>
            <i class="img fr icon_enter_default3x"></i>
        </a>
    </div>
    <div class="slide_img">
        <div class="swiper-container swiper-3d">
            <div class="swiper-wrapper">
                {foreach from=$yq_list item=yq}
                <div class="swiper-slide">
                    <a href="/FrontIncubator/park_detail/incubator_id/{$yq.incubator_id}">
                    <img src="{$yq.first_pic}" alt="" />
                    <div class="slide_bg">
                        <div class="slide_text">
                            <!-- <p>{$yq.city_name}</p> -->
                            <span>{$yq.incubator_name}</span>
                        </div>
                    </div>
                    </a>
                </div>
                {/foreach}
        </div>
    </div>
</div>
</div>
<div class="more_block">
    <div class="clearfix block_title">
        <a href="/FrontIncubator/zhongchuang_list" class="clearfix more_a">
            <h6 class="fl">众创空间展示 /</h6>
            <p class="fl">&nbsp;Space</p>
            <i class="img fr icon_enter_default3x"></i>
        </a>
    </div>
    <div class="slide_img">
        <div class="swiper-container swiper-3d">
            <div class="swiper-wrapper">
                {foreach from=$zckj_list item=zckj}
                <div class="swiper-slide">
                    <a href="/FrontIncubator/zhongchuang_detail/incubator_id/{$zckj.incubator_id}">
                    <img src="{$zckj.first_pic}" alt="" />
                    <div class="slide_bg">
                        <div class="slide_text">
                            <p>{$zckj.city_name}</p>
                            <span>{$zckj.incubator_name}</span>
                        </div>
                    </div>
                     </a>
                </div>
                {/foreach}
            </div>
        </div>
    </div>
</div>
<div class="more_block">
    <div class="clearfix block_title">
        <a href="/FrontActivity/activity_list" class="clearfix more_a">
            <h6 class="fl">精彩活动 /</h6>
            <p class="fl">&nbsp;Activity</p>
            <i class="img fr icon_enter_default3x"></i>
        </a>
    </div>
    <div class="home_poster clearfix">
        {foreach from=$activity_list item=activity}
        <a href="/FrontActivity/activity_detail/activity_id/{$activity.activity_id}" class="fl">
            <img src="{$activity.pic_index}" alt="" />
            <p class="poster-title">{$activity.activity_title}</p>
        </a>
        {/foreach}
    </div>
</div>
 
<!--<a href="http://{$index_ads_info.link}" style="display:block;width:100%;height:6rem;background:#eee;position:relative;margin-top:-0.5rem;">
	<img src="{$index_ads_info.pic}" alt="" style="display:block;width:17.25rem;height:5rem;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;"/>
</a>-->

<div class="more_block">
    <div class="clearfix block_title">
        <a href="/FrontInformation/information_list" class="clearfix more_a">
            <h6 class="fl">网络资讯 / </h6>
            <p class="fl">&nbsp;Information</p>
            <i class="img fr icon_enter_default3x"></i>
        </a>
    </div>
    <ul class="home_news">
        {foreach from=$information_list item=information}
        <li>
            <a href="/FrontInformation/information_detail/information_id/{$information.article_id}" class="clearfix">
                <div class="cont_time fl">
                    <p>{$information.title}</p>
                    <div class="tags">
                        <i class="yj">中国</i>
                        <i class="cy">中国</i>
                        <i class="qn">中国</i>
                        <i class="wl">中国</i>
                        <span class="fr">{'Y-m-d'|date:$information.addtime}</span>
                    </div>
                </div>
                <img src="{$information.path_img}" alt="" class="fr" />
            </a>
        </li>
        {/foreach}
    </ul>
</div>
    {include file="../footer.html"}
{/block}
{block name="js"}
{literal}
<!-- <script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script> -->
<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
<!--<script type="text/javascript" src="__PUBLIC__/Plugins/native/native_event.js"></script>-->
<script type="text/javascript">
    var swiper = new Swiper('.swiper-3d', {
        loop : true,  
        // pagination: '.swiper-pagination',  
        effect: 'coverflow',  
        grabCursor: true,  
        centeredSlides: true,  
        // nextButton: '.swiper-button-next',  
        // prevButton: '.swiper-button-prev',  
        slidesPerView: 'auto',  
        coverflow: {  
            rotate: 0,// 旋转的角度  
            stretch: 10,// 拉伸   图片间左右的间距和密集度  
            depth: 100,// 深度   切换图片间上下的间距和密集度  
            modifier: 3,// 修正值 该值越大前面的效果越明显  
            slideShadows : false// 页面阴影效果  
        }
    });
    var home_header_swiper = new Swiper('.home_header_swiper',{
        pagination: '.swiper-pagination',
        paginationClickable: true
    })
	//扫码
	function saoma(){
		if(!is_wechat()){
			native_listen('qr');
		}
	}
</script>
{/literal}
{/block}